@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0; border:none;}
.area { border:#ffdd69 solid 1px; background:#dfdcc7;  padding:6px; min-height:100px; width:240px;  margin-bottom:5px;}
.ipt { height:20px; line-height:20px; width:150px; border:#ffdd69 solid 1px; background:#dfdcc7;}
.btn,.btn_reset { background:#CC6600; height:24px; width:80px; line-height:24px; border:#CCFF66 solid 1px; color:#FFFFFF; margin-right:5px;}
.btn_reset { background:#CC3300;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
h1 { font-size:16px; color:#CCC; font-weight:bold; border-bottom:#999999 dotted 1PX; padding-bottom:5PX; margin-bottom:5PX;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
a { color:#777; text-decoration:none; }
a:hover { color:#eb932a; }
a:focus {outline:none;-moz-outline:none;}
/* layout */
body {color:#a28052;  background:url(../resources/images/body_bg.jpg) repeat-x 0 240px #d1f1ff; height:100%; font-size:12px;}
.wrap {background:#ffd695; /*height:600px;*/ width:955px; margin:30px auto;}
.top {height:39px; background:url(../resources/images/top_bg.jpg) no-repeat 199px 0 #a3670a; border-bottom:#FFFFFF solid 1px;}
.logo { display:block; float:left; width:199px; height:39px; background:url(../resources/images/logo.jpg) no-repeat;}
.left_col { width:199px; height:600px; float:left; background:url(../resources/images/left_bg.jpg) left bottom no-repeat;}
.right_col { width:756px; height:auto; min-height:600; float:left; background:#5e5a40; border-bottom:#FFFFFF solid 1px; text-align:center; }
.tel { float:right;}
.language { float:right; margin:15px 15px 0 0; }
.language a { color:#ccc;} .language a:hover { color:#FF9900;}
.nav li a { width:170px; height:1.8em; line-height:1.8em; margin:10px auto 0 auto; border-bottom:#feeacb solid 1px; font-weight:bold; font-size:14px; color:#846842;  display:block;} 
.nav ul a { padding-left:40px; width:130px; margin:auto;}
.nav li a:hover {color:#b2936a;}
.nav li a.current { background:url(../resources/images/current.gif) no-repeat center right; color:#475e8f;}

.products { width:500px; height:370px; border:#FFFFFF solid 5px; margin:15px auto 5px auto;}
.products_info { background: #3D3C2E; width:510px; padding:5px 0;  margin:0 auto 5px auto; }
.depict { color:#FFFFFF; margin:10px;}

.return { margin:10px; font-weight:bold; font-size:12px;  font:sans-serif; display:block; background:url(../resources/images/return.jpg) no-repeat; line-height:18px; height:18PX; padding-left:20px; width:55PX; display:block; float:right; color:#333; }
.show_case {width:726px; margin:10px auto; padding:10px 0; background:#3d3c2e; text-align:center;}
.show_case a { display:inline-block; width:190px; padding:3px;  background:#FFFFFF; margin:0 10px 0 10px;}
.show_case img { width:190px; width:190px; }
.show_case .name {display:block; width:140px; height:25px; line-height:25px; text-align:center;}
.com_info {width:700px; margin:10px auto; padding:15px; background:#3d3c2e; text-align:left; line-height:1.8em; min-height:200px;}
.show_type { width:726px; height:155px; overflow:hidden; margin:5px auto; padding:5px; background:#3d3c2e; text-align:left; }
.show_type a { display:inline-block; background:#FFF; padding:5px; margin:0 30px 0 0 ;}
.show_type .name {display:block; width:140px; height:25px; line-height:25px; text-align:center;}
.show_type img { width:140px; height:120px; }


/*pic sidler*/
.pic_slogan {
   width: 726px; /* important to be same as image width */
   height: 292px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:10px auto;
}
.pic_slogan span {
   position: absolute; /* important */
   left: 0;
   font:16px Arial, Helvetica, sans-serif;
   font-weight:bold;
   padding: 10px 13px;
   width: 200px;
   
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.pic { width:726px; height:292px;}
/*CSS manu style pagination*/
.manu {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right;}
.manu A {PADDING-RIGHT: 5px;  PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; TEXT-DECORATION: none; }
.manu A:hover { background:#CC6600;}
.manu A:active { background:#996633;}
.manu .current {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4}
.manu .disabled { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #ddd; PADDING-TOP: 2px; color:#777;}


.cop_info { padding: 0 10px 0 20px; color:#444;}

/*clear*/
a:focus {
    outline:none;
    -moz-outline:none;
}
#no_margin { margin:0; }
.left { float:left;}
.right { float:right;}

.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



